<template>
  <MessageList />
</template>

<script setup lang="ts">
import {
  TUIStore,
  StoreName,
  IConversationModel,
  TUITranslateService,
} from '@tencentcloud/chat-uikit-engine'
import { TUIGlobal } from '@tencentcloud/universal-api'
import { onLoad } from '@dcloudio/uni-app'
import { ref, onMounted, onUnmounted } from '@/TUIKit/adapter-vue'
import MessageList from '@/TUIKit/components/TUIChat/message-list/index.vue'

onMounted(() => {
})

onUnmounted(() => {
})

onLoad(() => {
})
</script>

<style scoped lang="scss">
.uni-page-head {
  position: fixed;
  left: var(--window-left);
  right: var(--window-right);
  height: 44px;
  height: calc(44px + constant(safe-area-inset-top));
  height: calc(44px + env(safe-area-inset-top));
  padding: 7px 3px;
  padding-top: calc(7px + constant(safe-area-inset-top));
  padding-top: calc(7px + env(safe-area-inset-top));
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  box-sizing: border-box;
  z-index: 998;
  background-color: #fff;
  -webkit-transition-property: all;
  transition-property: all;
}

.uni-page-head-hd {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
}
</style>
